<template>
  <div>
    <el-form :inline="true" :model="formInline" class="demo-form-inline">
      <el-form-item label="">
        <el-input v-model="formInline.user" placeholder="请输入"></el-input>
      </el-form-item>
      <el-form-item label="">
        <el-select v-model="formInline.region" placeholder="请选择状态">
          <el-option label="通过" value="通过"></el-option>
          <el-option label="未通过" value="未通过"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onSubmit">查询</el-button>
        <el-button type="Reset" @click="onReset">重置</el-button>
      </el-form-item>
    </el-form>
    <div class="box">
      <button class="btn1">批量删除</button>
      <button class="btn"><xin /></button>
    </div>
    <!-- 信息 -->
    <template>
      <aaa />
    </template>
  </div>
</template>
<script>
import aaa from "./aaa.vue";
import xin from './xinzeng.vue'
export default {
  data() {
    return {
      formInline: {
        user: "",
        region: "",
      },
    };
  },
  components: {
    aaa,
    xin,
  },
  methods: {
    onSubmit() {
      console.log("submit!");
    },
    onReset() {},
  },
};
</script>

<style lang="scss" scoped>
.box{
  display: flex;
  justify-content: space-between;
  width: 1250px;
  height: 50px;
}
.btn1{
  background-color: #ffff;
 color: #cccc;
 border:1px solid #ccc;
 cursor: pointer;
 width: 100px;
}
.btn{
  background-color:rgba(102,100,246,1);
  color:#ffff;
  cursor: pointer;
  width: 80px;
}
</style>